<template>
	<view class="main">
		<u-navbar :is-back="true" title="转增记录" :background="background" :border-bottom="false" title-color="#fff"
			title-size="35rpx" title-bold="true" back-icon-color="#fff">
		</u-navbar>
		<view class="record" v-for="item,index in passlist" :key="index">
			<view class="shop">
				<view class="shop_content">
					<view class="left">
						<image :src="item.img" mode=""></image>
					</view>
					<view class="right">
						<view class="shop_tit">
							{{item.title}}
						</view>
						<view class="company">
							<image :src="item.issuer_img" mode=""></image>
							<text>{{item.issuer}}</text>
						</view>
					</view>
				</view>
			<view class="info">
				<view class="phone">
					对方手机号：{{item.to_phone}}
				</view>
				<view class="address">
					<text>对方合约地址：</text>
					<text>{{item.to_address}}</text>
				</view>
				<view class="money">
					转增手续费：￥{{item.pay_total}}
				</view>
				<view class="which">
					支付方式：{{item.pay_type_text}}
				</view>
				<view class="time">
					转增时间：{{formatTime(item.create_time,"yyyy-MM-dd hh:mm:ss")}}
				</view>
			</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#111111',
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
				},
				show: false,
				passlist:[],
			}
		},
		onLoad(){
			this.getinfo()
		},
		methods: {
			getinfo(){
				global.$http.request({
					url:'/api/transfer/transferList',
					data:{
						limit:10,
						page:1,
						token:uni.getStorageSync('token')
					}
				}).then(res=>{
					if(res.data.code==0){
						// console.log(res.data.data.list);
						this.passlist=res.data.data.list
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		font-family: PingFang SC-Regular, PingFang SC;
		background-color: #111111;
		width: 750rpx;

		.main {
			margin-top: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;

			.record {

				.shop {
					.info{
						
						font-size: 28rpx;
						font-weight: 400;
						color: #FFFFFF;
					view{
						padding: 15rpx 0;
					}
						.phone{
							padding: 12rpx 0 0rpx 0;
						}
					}
					.shops_tit {
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding-bottom: 24rpx;

						.selects {
							font-size: 32rpx;
							font-weight: 400;
							color: #FFFFFF;
						}

						image {
							width: 24rpx;
							height: 24rpx;
						}
					}

					.shop_content {
						display: flex;
					}

					margin: 24rpx 0;
					width: 686rpx;
					background: #181818;
					border-radius: 32rpx;
					opacity: 1;

					padding: 24rpx;

					.left {
						width: 200rpx;
						border-radius: 32rpx;
						overflow: hidden;
						background-color: #19BE6B;
						height: 200rpx;

						image {
							width: 200rpx;
							height: 200rpx;
						}
					}

					.right {
						padding-left: 24rpx;

						.shop_tit {

							font-size: 32rpx;
							font-weight: bold;
							color: #FFFFFF;
						}

						.company {
							display: flex;
							align-items: center;
							font-size: 24rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							padding: 16rpx 0 60rpx 0;
text{
	opacity: 0.5;
}
							image {
								width: 36rpx;
								height: 36rpx;
								margin-right: 16rpx;
							}
						}


					}
				}

			}


		}
	}
</style>
